/*设计前端定制开发 zfygg@qq.com*/

@charset "utf-8";/*清风抚雪2017年9月27日 zfengyu@foxmail.com*/

*{margin:0;padding:0;list-style:none }

body, h1, h2, h3, h4, h5, h6, hr, p, blockquote, dl, dt, dd, ul, ol, li, pre, form, fieldset, legend, button, input, textarea, th, td{margin:0;padding:0 }

body, button, input, select, textarea{font-family:"microsoft yahei", tahoma, arial, sans-serif;font-size:14px;line-height:1.2;color:#212121 }

address, cite, dfn, em, var{font-style:normal }

ul, ol{list-style:none }

a{text-decoration:none;color:#212121 }

a:hover{color:#009ce4;text-decoration:underline }

h1, h2, h3, h4, h5, h6, button, input, select, textarea{font-size:100% }

legend{color:#000 }

fieldset, img{border:0 }

table{border-collapse:collapse;border-spacing:0 }

div{margin:0 auto;box-sizing:border-box}

img{ display:block; overflow:hidden}

.box{box-sizing:border-box }

.cf:before, .cf:after{content:" ";display:table }

.cf:after{clear:both }

.left{float:left}

.right{float:right}

hr{height:1px;border:none;border-top:1px dashed #ececec; margin:10px auto}

.w1200{max-width:1200px;width:90%;margin:0 auto}

.w90{width:90%;margin:0 auto}

.clear{ clear: both;}

/*响应式导航*/



.sl dd{white-space:nowrap;text-overflow:ellipsis;-o-text-overflow:ellipsis;overflow:hidden}

.sl li{white-space:nowrap;text-overflow:ellipsis;-o-text-overflow:ellipsis;overflow:hidden}

.sll{white-space:nowrap;text-overflow:ellipsis;-o-text-overflow:ellipsis;overflow:hidden}



.cf:before, .cf:after{content:" ";display:table }

.cf:after{clear:both }

.hidden{display:none}

.logo{width:250px;margin:9px 0 0 0px}

.logo img{width:100%}

nav{background-color:rgba(255, 255, 255, 1);box-shadow:0px 3px 20px 0px rgba(0, 0, 0, 0.2);position:absolute;z-index:100;width:100%;left:0px;top:0px; height:60px}

.animenu{max-width:1250px;}

.animenu li, .animenu a{display:inline-block;}



.animenu_toggle{display:none;cursor:pointer;border:0;padding:10px;height:40px;width:40px}

.animenu_toggle:hover{background-color:#E02F32}

.animenu_toggle_bar{display:block;width:20px;height:2px;background-color:#fff;-webkit-transition:0.15s cubic-bezier(0.75, -0.55, 0.25, 1.55);-o-transition:0.15s cubic-bezier(0.75, -0.55, 0.25, 1.55);transition:0.15s cubic-bezier(0.75, -0.55, 0.25, 1.55)}

.animenu_toggle_bar + .animenu_toggle_bar{margin-top:4px}

.animenu_toggle-active .animenu_toggle_bar{margin:0;position:absolute}

.animenu_toggle-active .animenu_toggle_bar:nth-child(1){-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);-o-transform:rotate(45deg);transform:rotate(45deg)}

.animenu_toggle-active .animenu_toggle_bar:nth-child(2){opacity:0}

.animenu_toggle-active .animenu_toggle_bar:nth-child(3){-webkit-transform:rotate(-45deg);-ms-transform:rotate(-45deg);-o-transform:rotate(-45deg);transform:rotate(-45deg)}

.animenu_toggle-active{background-color:#E02F32 }



.animenu_nav>li{position:relative}

.animenu_nav>li>a{padding:22px;}

.animenu_nav>li>a:first-child:nth-last-child(2):before{content:"";position:absolute;border:4px solid transparent;border-bottom:0;border-top-color:#ddd;top:50%;margin-top:-1px;right:3px}

.animenu_nav li .on{color:#0096d5;border-bottom:solid 2px #0096d5;padding-bottom:19px}



.animenu_nav>li:hover>ul{opacity:1;visibility:visible;margin:0}

.animenu_nav>li:hover>a{color:#0196d3}

.animenu_nav_child {width:130%;position:absolute;top:100%;left:-15%;z-index:1;opacity:0;visibility:hidden;margin:20px 0 0 0;background-color:#fff;transition:margin .15s, opacity .15s;box-shadow:0px 3px 20px 0px rgba(0,0,0,0.5)}

.animenu_nav_child>li{width:100%;border-bottom:1px solid #f1f1f1}

.animenu_nav_child>li:first-child>a:after{content:'';position:absolute;height:0;width:0;left:50%;top:-6px;border:6px solid transparent;border-top:0;border-bottom-color:inherit}

.animenu_nav_child>li:last-child{border:0}

.animenu_nav_child a{width:100%;border-color:#fff;text-align:center;line-height:50px}/*小三角*/

.animenu_nav_child a:hover{color:#0196d3}

.animenu_nav-open{display:block !important}

.animenu_nav-open .animenu_nav_child{display:block}

.tupi{width:100%;height:706px;overflow:hidden; margin-top:60px;}



.tupi ul{ max-width:800px; margin:120px auto 0; color:#fff; padding-left:150px; box-sizing:border-box; }

.tupi ul h2{ font-size:30px;margin-bottom:20px; line-height:40px}

.tupi ul li{ font-size:16px; line-height:28px}





.tupi2{width:100%;height:320px;overflow:hidden; margin-top:60px;}

.tupi2 ul{ max-width:1000px; margin:110px auto 0; color:#3756b0; padding-left:420px; box-sizing:border-box; }

.tupi2 ul h2{ font-size:30px;margin-bottom:20px; line-height:40px}

.tupi2 ul li{ font-size:14px; line-height:28px; color:#424242;display: inline-block;

    background-color:#ffffff59;

    margin:0 10px 10px 0;

    padding:5px 10px;

    border-radius: 50px;}









.content{margin:auto;width:100%;z-index:1}

/* Slider 幻灯片 */



.slick-slider{position: relative;display: block;box-sizing: border-box;user-select: none;touch-action: none; z-index:-1; height:660px; overflow:hidden}

.slick-list{position: relative;overflow: hidden;display: block;margin: 0;padding: 0}

.slick-list:focus{outline: none}

.slick-loading .slick-list{}

.slick-list.dragging{cursor: pointer;cursor: hand}

.slick-slider .slick-list, .slick-track, .slick-slide, .slick-slide img{-webkit-transform: translate3d(0, 0, 0);-moz-transform: translate3d(0, 0, 0);-ms-transform: translate3d(0, 0, 0);-o-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0)}

.slick-track{position: relative;left: 0;top: 0;display: block;zoom: 1}

.slick-track:before, .slick-track:after{content: "";display: table}

.slick-track:after{clear: both}

.slick-loading .slick-track{visibility: hidden}

.slick-slide{float: left;display: none}

.slick-slide ul li{border: solid 1px #fff;padding: 5px}

.slick-slide img{display: block;width: 100%;height: 100%}

.slick-slide.slick-loading img{display: none}

.slick-slide.dragging img{pointer-events: none}

.slick-slide .image{padding: 10px}

.slick-slide img.slick-loading{border: 0}

.slick-initialized .slick-slide{display: block}

.slick-loading .slick-slide{visibility: hidden}

.slick-vertical .slick-slide{display: block;height: auto;border: 1px solid transparent}

.single-item .slick-slide{height: 660px;overflow: hidden}

.single-item .slick-prev, .single-item .slick-next{position:absolute;display:block;height:60px;width:60px;line-height:0;font-size:0;cursor:pointer;color:transparent;top:50%;margin-top:-30px;padding:0;border:none;outline:none;background-color:rgba(220, 220, 220, 0.2);border-radius:100%;background-size:60%;background-position:center center;background-repeat:no-repeat}

.single-item .slick-prev{left:25px;background-image:url(../i/zj2.png);}

.single-item .slick-next{right:25px;background-image:url(../i/zjt.png);}

.responsive{width: 90%;margin: 0 auto}

.responsive .slick-prev, .responsive .slick-next{position: absolute;display: block;height: 60px;width: 30px;cursor: pointer;top: 50%;margin-top: -30px;padding: 0;border: none;outline: none;background: #ddd}

.responsive .slick-prev{left: -25px}

.responsive .slick-next{right: -25px}

.slick-dots{position: absolute;bottom: 20px;list-style: none;display: block;text-align: center;padding: 0px;width: 100%;margin: 0px;z-index: 9999}

.slick-dots li{position: relative;display: inline-block;margin: 0px 5px;padding: 0px;cursor: pointer}

.slick-dots li button{border: 0;display: block;height: 10px;width: 10px;line-height: 0;font-size: 0;cursor: pointer;outline: none;border-radius: 100px}

.slick-dots li.slick-active button{background: #f90;width: 20px}







.news{width:100%;max-width:1250px; margin:0 auto 20px}

.news .biaoti{width:80%;text-align:center; margin:0  auto; background:url(../i/m2_03.png) repeat-x center bottom; padding-bottom:10px}

.news .biaoti h2{font-size:30px; font-weight:lighter;color:#01a7dc; line-height:30px}

.news .biaoti span{width:100%; height:45px;display: inline-block; text-transform: uppercase; line-height:45px}

.news .biaoti em{width:100%; line-height:45px}



/* banner */

.slideBox{ width:100%; height:315px; position:relative; margin:0 auto; max-width:1230px}

.slideBox .hd{ height:10px; position:absolute; bottom:0px; left:600px }

.slideBox .hd ul{}

.slideBox .hd ul li{ float:left; background-color:#ccc;display:block; width:80px; height:8px; margin-right:10px}

.slideBox .hd ul li a{display:block; width:80px; height:8px; position:relative}

.slideBox .hd ul li.on{ background-color:#0d95dc}



.slideBox .bd{ position:relative; height:100%;}

.slideBox .bd ul{height:315px !important}



.b_img{ width:580px; height:315px; overflow:hidden; float:left}

.b_img img{ width:100%; height:100%}



.b_content{ margin-left:600px}

.b_content .time{ background:url(../i/ic1.png) no-repeat left bottom; line-height:23px; color:#a4a4a4}

.b_content .title{color:#4f4f4f;font-size:24px; padding:20px 0 10px; font-weight:lighter; line-height:30px}

.b_content .biaoqian{ border-radius:50px; border:solid 1px #0d95dc; text-align:center; display:inline-block; padding:0 10px; margin-bottom:20px; color:#0d95dc}

.b_content .miaoshu{ color:#323232}













@media screen and (max-width:960px) {

.animenu_toggle{display:inline-block;position:absolute;right:10px;top:10px}

.animenu_nav, .animenu_nav_child{display:none}

.animenu_nav{background:#fff;position: absolute; top: 60px; right:0px; max-width:460px;width:100%;box-shadow:0px 3px 20px 0px rgba(0,0,0,0.1);border-top:solid 2px #DC272A }

.animenu_nav>li{width:100%;border-right:0;border-bottom:1px solid #ececec;line-height:25px;padding:15px 0 15px 15px; box-sizing:border-box}

.animenu_nav>li:last-child{border:0}

.animenu_nav>li:first-child>a:after{content:'';position:absolute;height:0;width:0;right:1.7em;top:-6px;border:6px solid transparent;border-top:0;border-bottom-color:inherit}

.animenu_nav>li>a{padding:0px;font-weight:bold;color:#DC272A;width:100%;line-height:25px }

.animenu_nav>li>a:first-child:nth-last-child(2):before{ display:none}

.animenu_nav_child{position:static;margin:0;transition:none;visibility:visible;opacity:1;box-shadow:none;line-height:25px;padding-top:5px; width:100%}

.animenu_nav_child>li:first-child>a:after{content:none}

.animenu_nav_child a{line-height:28px; padding-right:10px; text-align:left}

.animenu_nav_child>li{border-bottom:none;width:auto;line-height:25px }

}



/*760px的时候显示手机导航*/

@media (max-width:760px) {

/*响应式导航*/

#menu_button_wrapper{display:block;color:#9d9d9d;padding:8px;float:right}

#menu_button{box-sizing:border-box;float:right;padding:.5em 1em;border:1px solid #333;color:#fff}

#menu_button:hover{cursor:pointer;background-color:#333}

.animenu_nav{}

/*响应式幻灯片*/

.single-item .slick-slide{height:280px;background-size: auto 100% !important;}

.single-item .slick-slide img{height:100%}

.slick-prev , .slick-next{ display:none !important}

}



.chan{width:100%;padding:25px;z-index:999; background-color:#fff; }





.newsz{width:100%; padding:30px 0; max-width:1250px; margin:0 auto}

.newsz .biaoti{width:100%;display:inline-block;text-align:center; margin-bottom:25px}

.newsz .biaoti h2{font-size:48px; font-weight:lighter;color:#01a7dc; line-height:48px}

.newsz .biaoti span{ border-bottom:solid 1px #e5e5e5; width:100%; height:45px;display: inline-block; text-transform: uppercase; line-height:45px; margin-bottom: 20px;}

.newsz .biaoti em{width:100%; line-height:24px;}



.newsz dl{width:31.3333%;float:left; margin:10px 1%}

.newsz dt{width:100%;}

.newsz dt img{width:100%}

.newsz dd{color:#7f7f7f;line-height:22px}



.b_content .time{ background:url(../i/ic1.png) no-repeat left bottom; line-height:23px; color:#a4a4a4}

.b_content .title{color:#4f4f4f;font-size:24px; padding:20px 0 10px; font-weight:lighter; line-height:30px}

.b_content .biaoqian{ border-radius:50px; border:solid 1px #0d95dc; text-align:center; display:inline-block; padding:0 10px; margin-bottom:20px; color:#0d95dc}

.b_content .miaoshu{ color:#323232}















.links{width:100%;margin-top:10px}

.links .biaoti{width:100%;border-bottom:solid 2px #e5e5e5;margin-bottom:15px;display:inline-block;line-height:40px}

.links .biaoti h2{font-size:18px;color:#323232;border-bottom:solid 2px #008eca;font-weight:bold;float:left;margin-bottom:-2px;}

.links .biaoti h2>i{width:30px;height:40px;float:left;margin-right:5px;background:url(../i/ic05.png) no-repeat center center}



.simply-scroll-container {position:relative}

.simply-scroll-clip {position:relative;overflow:hidden}

.simply-scroll-list {overflow:hidden;margin:0;padding:0;list-style:none}

.simply-scroll-list li{padding:0;margin:0;list-style:none}

.simply-scroll-list li img{border:none;display:block}



.simply-scroll{width:100%;height:65px;overflow:hidden}

.simply-scroll .simply-scroll-clip{width:100%}

.simply-scroll .simply-scroll-list li{float:left;width:300px;height:62px;margin:0 10px;border:solid 1px #e5e5e5}





.fude{height: 1px; background-color:#f0f0f0;margin:5px auto 15px auto;width: 100%; float: left;}

@media screen and (max-width:960px) {

	

	.chan{ width:100%; margin:0 auto}

	.news{ width:96%; margin:10px auto 10px; float:none;}

	.fude{margin:3px auto;}

	

	



}





.newsd{width:100%; padding:30px 0 0; max-width:1250px; margin:0 auto}

.newsd .biaoti{width:100%;display:inline-block;text-align:center; margin-bottom:25px}

.newsd .biaoti h2{font-size:48px; font-weight:lighter;color:#01a7dc; line-height:48px}

.newsd .biaoti span{ border-bottom:solid 1px #e5e5e5; width:100%; height:45px;display: inline-block; text-transform: uppercase; line-height:45px}

.newsd .biaoti em{width:100%; line-height:45px}



.newsd dl{width:31.3333%;float:left; margin:10px 1%; height:230px; background-color:#f6f6f8; padding:28px; box-sizing:border-box}

.newsd dt{width:100%;color:#323232;font-size:15px; padding:20px 0 10px;line-height:23px; font-weight:bold;}

.newsd dd{color:#808081;line-height:22px}





.newsd .time{ background:url(../i/ic1.png) no-repeat left bottom; line-height:23px; color:#a4a4a4}

.newsd .biaoqian{ border-radius:50px; border:solid 1px #0d95dc; text-align:center; display:inline-block; padding:0 10px; margin-bottom:8px; color:#0d95dc}









/*发展历程*/

#history {position: relative; margin:5px 0 0 20px}

#circle { width:280px; height:50px;border: 6px solid rgba(0,0,0,0.15); border-radius: 95px; text-align: center; font-size:22px; line-height:36px; margin:0 0 0  0}

#content {background: url(../i/vertical.png) repeat-y 130px 2px; padding-top: 30px; }



.lists { width:100%;}

.lists>li{ height:80px; vertical-align: bottom; position: relative; }



.lileft { position: absolute; top: 0;line-height: 55px; text-align: right; }

.lileft .year { font-size: 12px; color: #AEAEAE;}

.lileft .md { font-size: 18px; color: #AEAEAE; }



.point { width: 55px; height: 55px; position: absolute; top: 0; left:105px; background: url(../i/point.png) no-repeat 0px 18px;}

.point b { height: 16px; width: 16px; background: #fff; display: block; margin: 17px 0 0 19px; border-radius: 18px; border: 2px solid #6bc30d;position: absolute; top: 0; left: 0; }



.liright {top:15px;margin-left:156px;position: absolute;}

.liright .histt {line-height:22px; font-size: 18px; color: #747474;}

.liright .hisct { font-size: 14px; color: #6e6e6e; }

























.foods{margin-top:25px;padding:25px 0 0 0;background-color:#f0f0f1}

.foods .ding{max-width:1230px;margin:10px auto 30px }



.foods .ding h2{border-bottom:solid 1px #d3d3d4;line-height:30px;margin-bottom:10px; font-weight:normal}

.foods .ding h2 strong{border-bottom:solid 1px #69b4d5;display:inline-block;margin-bottom:-1px;color:#009ce4;font-weight:normal}









.foods .ding ul{float:left;margin-right:30px;min-width:90px}

.foods .ding ul li{line-height:28px;font-size:12px}



.foods .ding dl{float:right;width:485px}

.foods .ding dl span{margin-bottom:20px;width:100%;display:block}

.foods .ding dl span img{ width:300px}



.foods .ding dt{width:110px;height:110px;float:left; background-color:#fff; padding:6px;}

.foods .ding dt img{width:110px;height:110px;}



.foods .ding dd{margin-left:135px;line-height:24px;}
.foods .ding dd.b{ font-size: 16px; padding: 8px 0; font-weight: bold;}

.foods .ding dd img{ width:100%; margin:5px 0 5px -2px}







.banquan{width:100%;text-align:center;line-height:45px;margin-top:10px;background-color:#4a4a4a;color:#fff}

.banquan a{color:#fff}









.page{width:100%;padding:25px 0}

.page .pbiaoti{text-align:left;font-size:32px}

.page .pnei{width:100%}

.show{width:100%}

.show .sbt{width:100%;margin:5px auto;text-align:center;border-bottom:solid 1px #e2e2e2;padding-bottom:8px}

.show .sbt h1{font-size:24px;margin:0 auto;line-height:46px;font-weight:bold;}

.show .sbt span{font-size:14px;line-height:25px;color:#a0a0a0}

.show .snr{width:100%;margin:35px auto;max-width:880px;line-height:36px; }

.show .snr img{ margin:0 auto; display:inline;}

.show .snr p{ text-indent:2rem;margin-bottom:10px}

.show .snn{width:100%;margin:35px auto;max-width:880px;line-height:34px; }







.show .snz{width:100%;margin:0px 0 35px;max-width:780px;line-height:34px; }

.show .snz table  {border-collapse:collapse; width:100%}

.show .snz table th{ background-color:#fbfbfb; text-align:right}

.show .snz table, td, th{border:solid 1px #e6e6e6; padding:6px 10px; margin:0px}



.weizi{border-bottom:solid 1px #E2E2E2;height:60px;background:#f9f9f9}

.weizi dl{line-height:60px;max-width:1200px;margin:0 auto}

.weizi dl i{background:url(../i/z.png) no-repeat center center;width:15px;background-size:auto 50%;height:32px;display:block;margin-right:5px;float:left;margin-top:14px}



.list{margin-top:25px}



.listleft{width:260px}

.listleft .tuijian{width:100%}

.listleft .tuijian dl{width:100%;box-shadow:0px 1px 2px rgba(0, 0, 0, 0.1);border-radius:2px;border:solid 1px #dedede;box-sizing:border-box}

.listleft .tuijian dt{width:100%;overflow:hidden }

.listleft .tuijian dt img{width:100% }

.listleft .tuijian h2{width:100%;font-size:16px;line-height:20px;margin-bottom:5px;font-weight:normal;color:#AF2030}

.listleft .tuijian dd{padding:10px 10px 5px;line-height:22px;color:#8d8d8d;font-size:12px;padding-bottom:10px}





.listleftTitle{width:100%;background:url(../i/s5.png) no-repeat center right;height:73px;padding:12px 0 0 18px;color:#FFF;z-index:1;position:relative}

.listleftTitle h2{line-height:22px;font-size:20px}

.listleftTitle ul{line-height:16px;font-size:16px}



.sideMens{width:100%;position:relative;top:-11px}

.sideMens ul{background-color:#f6f6f6}

.sideMens li{line-height:48px;text-indent:30px;margin-bottom:1px}

.sideMens li .on{display:block;background:url(../i/z8.png) no-repeat center right;color:#FFF;border:none}



.sideMens li a{width:100%;display:block;background:url(../i/z9.png) no-repeat center right;border:solid 1px #ccebfa;border-top:none;box-sizing:border-box}

.sideMens li a:hover{display:block;background:url(../i/z8.png) no-repeat center right;color:#FFF;border-color:#66c4ef;text-decoration:none}



.ting { width:100%; max-width:970px}

.ting .bt{ width:100%; text-align:center; font-size:28px; padding:28px 0 50px}

.ting .bt2{ width:100%; text-align:center; font-size:16px; padding:28px 0 30px}



.ting2 { width:100%; max-width:970px; border-top:solid 1px #E7E7E7; margin:50px auto}

.ting2 .bt{text-align:center; padding:0 30px; margin-top:-18px; display:table;background-color:#fff;}

.ting2 .bt2{text-align:center; padding:0 10px; margin-top:-55px; display:table;background-color:#fff;}



.ting2 .bt h1,.ting2 .bt2 h1{ font-weight: lighter;font-size:36px; color:#01a7dc}

.ting2 .bt h1 strong,.ting2 .bt2 h1 strong{ font-size:68px; padding:0 80px}

.ting2 .bt span{ font-size:14px; line-height:28px;}









.yin{ width:42%;float:left; margin:20px 4%;box-sizing:border-box}

.yin dl{ width:100%; margin-bottom:6px}

.yin dt{width:100%;}.yin dt img{ width:100%}

.yin dd{line-height:22px; color:#949596}

.yin .h2{ font-size:18px; padding:20px 0; color:#2B2B2B}



		.db {display: block;}

		.weixinAudio {	}



		.audio_area {

			display: inline-block;

			width: 100%;

			vertical-align: top;

			margin: 0px 1px 0px 0;

			font-size: 0;

			position: relative;

			font-weight: 400;

			text-decoration: none;

			-ms-text-size-adjust: none;

			-webkit-text-size-adjust: none;

			text-size-adjust: none;

		}



		.audio_wrp {

			border: 1px solid #ebebeb;

			background-color: #fcfcfc;

			overflow: hidden;

			padding: 12px 20px 12px 12px;

		}



		.audio_play_area {

			float: left;

			margin: 9px 22px 10px 5px;

			font-size: 0;

			width: 18px;

			height: 25px;

		}



		.playing .audio_play_area .icon_audio_default {

			display: block;

		}



		.audio_play_area .icon_audio_default {

			background: transparent url(../i/iconloop.png) no-repeat 0 0;

			width: 18px;

			height: 25px;

			vertical-align: middle;

			display: inline-block;

			-webkit-background-size: 54px 25px;

			background-size: 54px 25px;

			background-position: -36px center;

		}



		.audio_play_area .icon_audio_playing {

			background: transparent url(../i/iconloop.png) no-repeat 0 0;

			width: 18px;

			height: 25px;

			vertical-align: middle;

			display: inline-block;

			-webkit-background-size: 54px 25px;

			background-size: 54px 25px;

			-webkit-animation: audio_playing 1s infinite;

			background-position: 0px center;

			display: none;

		}



		.audio_area .pic_audio_default {

			display: none;

			width: 18px;

		}



		.tips_global {

			color: #8c8c8c;

		}



		.audio_area .audio_length {

			float: right;

			font-size: 14px;

			margin-top: 3px;

			margin-left: 1em;

		}



		.audio_info_area {

			overflow: hidden; margin-top:3px

		}



		.audio_area .audio_title {

			font-weight: 400;

			font-size: 18px;

			margin-top: -2px;

		}



		.audio_area .audio_source {

			font-size: 14px; margin-top:3px; display:inline-block

		}



		.audio_area .progress_bar {

			position: absolute;

			left: 0;

			bottom: 0;

			background-color: #0cbb08;

			height: 2px;

		}



		.playing .audio_play_area .icon_audio_default {

			display: none;

		}



		.playing .audio_play_area .icon_audio_playing {

			display: inline-block;

		}



		@-webkit-keyframes audio_playing {

			30% {

				background-position: 0px center;

			}

			31% {

				background-position: -18px center;

			}

			61% {

				background-position: -18px center;

			}

			61.5% {

				background-position: -36px center;

			}

			100% {

				background-position: -36px center;

			}

		}





.yin2{ width:100%;box-sizing:border-box}

.yin2 dl{ width:100%;}

.yin2 dt{width:100%;}

.yin2 dt img{ width:100%}

.yin2 dd{line-height:32px; color:#212121}

.yin2 .h2{ font-size:18px; padding:20px 0; color:#2B2B2B}









.fenye {text-align:center;padding:35px 0;color:#808080;border-top:solid 1px #EDEDED;}

.fenye span{width:50%;float:left}

.fenye span a{color:#808080 }



.listright {margin-left:290px}

.listright .bt{font-size:22px; line-height:30px;width:100%;color:#0096d5;/*border-bottom:dashed 1px #C6C7C4;*/margin-bottom:25px; height:40px}







.tplist{width:92%; margin:0 auto}

.tplist dl{width:100%;margin:20px 0 0;box-sizing:border-box; display:inline-block; border-bottom:solid 1px rgba(225,225,225,0.7); padding:0 0 20px}

.tplist dt{width:120px; float:left;}

.tplist dt img{width:100%;}

.tplist dd{line-height:22px; margin-left:140px}

.tplist h2{width:100%;font-size:16px;line-height:22px;color:#0096d5;margin-bottom:5px}





.wt dt{width:0px; float: none}

.wt dt img{width:100%;}

.wt dd{margin-left:0px}






.case{width:1230px; height:auto; overflow:hidden;}
.tplist2{width:102%}

.tplist2 dl{width:31.33333%;position:relative;float:left;margin:0 2% 20px 0;box-sizing:border-box; padding-bottom:20px;/* border-bottom:1px solid #e7e7e7;*/}
/*.tplist2 dl::after{position: absolute;bottom: 0;content: '';width: 0%;height: 1px;background: #1295da;transition: all 1s;}
.tplist2 dl:hover::after{width:100%;}*/
.tplist2 dt{width:100%;overflow:hidden }

.tplist2 dt img{width:100%; height:auto; }

.tplist2 h2{font-size:18px;margin:20px 0;font-weight:normal;color:#474747;padding:12px 10px 0; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}

.tplist2 dd{padding:0 10px 0;line-height:18px;color:#666;font-size:14px }

.tplist2 dl a{ text-decoration:none}
.tplist2 dl video{ width: 100%;}







.tplist3{width:96%}

.tplist3 dl{width:29.33333%;border-radius:2px;position:relative;float:left;margin:0 2% 20px 2%;padding-bottom:10px;box-sizing:border-box; text-align:center}

.tplist3 dt{width:100%;overflow:hidden }

.tplist3 dt img{width:100% }

.tplist3 h2{font-size:18px;line-height:26px;margin:10px 0;color:#737373;font-weight:normal}

.tplist3 dd{padding:0 10px 0;color:#5a5a5a;line-height:26px; font-size:14px}





.tplist31{width:96%}

.tplist31 dl{width:29.33333%;border-radius:2px;position:relative;float:left;margin:0 2% 20px 2%;padding-bottom:20px;box-sizing:border-box; color:#5a5a5a;}

.tplist31 dt{width:100%;overflow:hidden}

.tplist31 dt img{width:100% }

.tplist31 h2{font-size:16px;line-height:26px;margin:10px 0 5px;width:100%; padding-bottom:5px; border-bottom:dashed 1px #ececec; color:#01a7dc}

.tplist31 dd{line-height:24px;}







.tplist4{width:96%}

.tplist4 dl{width:29.33333%;box-shadow:0px 1px 2px rgba(0, 0, 0, 0.1);transition:box-shadow 0.3s;border-radius:2px;position:relative;float:left;margin:0 2% 20px 2%;padding-bottom:10px;border:solid 1px #dedede;box-sizing:border-box; min-height:250px}

.tplist3 dt{width:100%;overflow:hidden }

.tplist4 dt img{width:100% }

.tplist4 h2{font-size:22px;line-height:36px;margin-bottom:5px;color:#179fdf;padding:12px 0 0; font-weight:normal}

.tplist4 dd{padding:0 10px 0;color:#5a5a5a;line-height:26px; font-size:14px}

.tplist4 dl:hover{box-shadow:0 4px 8px rgba(0, 0, 0, 0.2);position:relative;z-index:999 }





.tplist5{width:100%}

.tplist5 dl{width:20%;float:left;margin:0 2% 20px 2%;text-align:center}

.tplist5 dt{width:100%;overflow:hidden; }

.tplist5 dt img{width:60%; margin:0 auto}

.tplist5 h2{font-size:22px;line-height:36px;color:#179fdf;font-weight:normal;}

.tplist5 dd{padding:10px;color:#5a5a5a;line-height:22px; font-size:14px}





.tplist6{width:100%}

.tplist6 dl{width:29.33333%;float:left;margin:0 2% 20px 2%;text-align:center}

.tplist6 dt{width:100%;overflow:hidden; }

.tplist6 dt img{width:40%; margin:0 auto; min-width:100px}

.tplist6 h2{font-size:22px;line-height:36px;color:#179fdf;font-weight:normal;}

.tplist6 dd{padding:10px;color:#5a5a5a;line-height:22px; font-size:14px}



.tplist7{width:92%; margin:0 auto 100px; max-width:691px}

.tplist7 dl{width:100%; display:inline-block; margin:0 auto 40px}

.tplist7 dt{width:110px; float:left;}

.tplist7 dt img{width:100%;}

.tplist7 dd{line-height:22px; margin-left:140px}

.tplist7 h2{width:100%;font-size:22px;line-height:30px;color:#0096d5; margin-top:30px; font-weight:lighter}





.tplist8{width:92%; margin:0 auto 30px; position:relative}



.tplist8 dl{width:100px;position:absolute; left:50%; margin-left:-50px}

.tplist8 dt{width:100%;text-align:center; margin-top:22px}

.tplist8 dt img{width:80%; margin-left:10%}

.tplist8 dd{line-height:22px; width:100%; text-align:center}



.tplist8 ul{width:40%; float:left}

.tplist8 ul li{ text-align:right; font-size:26px; line-height:130px; font-weight:lighter; }



.tplist8 .right{float:right}

.tplist8 .right li{ text-align:left}







.tplist9{width:100%}

.tplist9 dl{width:20%;float:left;margin:10px 0;text-align:center}

.tplist9 dl img{width:90%; margin-left:5%}







.listright .newslist{width:100%}

.listright .newslist ul{width:100% }

.listright .newslist ul li{width:100%;background:url(../i/c-2.png) no-repeat 5px center;text-indent:20px;border-bottom:dashed 1px #dfe0e0;line-height:46px;font-size:16px }

.listright .newslist ul li a{width:100%;display:block;background:url(../img/c-2.png) no-repeat 5px center}

.listright .newslist ul li:hover{width:100%;display:block;background-color:#f6f6f6}

.listright .newslist span{float:right;color:#c6c7c4;font-size:14px;margin-right:5px }



.listright .newslist2{width:100%}

.listright .newslist2 dl{width:100%;border-bottom:dashed 1px #dfe0e0;margin-bottom:15px; padding-bottom:15px}

.listright .newslist2 dt{width:100%; font-weight:bold;text-indent:10px;line-height:26px;font-size:16px; background:url(../i/c-2.png) no-repeat left 10px;}

.listright .newslist2 dd { padding-left:10px; line-height:26px; padding-top:5px}





.listright .page{width:97%;padding:0px;color:#6b6b6b;line-height:28px;overflow:hidden }

.listright .pages dl{padding:20px 40px;background:url(../i/b1.jpg);border-radius:2px;float:left;width:385px;min-height:243px }

.listright .pages ul{padding:20px 40px;background:url(../i/b1.jpg);border-radius:2px;float:right;width:412px }

.listright .pages ul li{width:100%;margin-bottom:10px }

.listright .pages ul li span{width:70px;text-align:right;margin-right:5px;float:left }

.listright .pages ul li .xiala2{width:200px;line-height:30px;text-indent:5px }

.listright .pages ul li .date{width:121px;line-height:25px;text-indent:5px }

.listright .pages ul li select{width:125px;line-height:30px;padding:3px 0 }

.listright .pages ul li .btn{width:100px;height:35px;line-height:35px;text-align:center;background:#459F45;border:none;cursor:pointer;color:#fff;border-radius:3px }

.listright .pages ul li .btn:hover{background:#126612 }

.listright .hdp{width:97% }

.listright .zt{width:100% }

.listright .yuding{width:100% }





.rides-cs{font-size:12px;background:#29a7e2;position:fixed;top:250px;right:0px;z-index:1500;border-radius:6px 0px 0 6px; min-height:180px}

.rides-cs a{color:#00A0E9;}

.rides-cs a:hover{color:#ff8100;text-decoration:none;}

.rides-cs .floatL{width:36px;float:left;position:relative;z-index:1;height:160px;}

.rides-cs .floatL a{font-size:0;text-indent:-999em;top:10px; display:block}

.rides-cs .floatR{width:130px;float:left;padding:5px;overflow:hidden;}

.rides-cs .floatR .cn{background:#F7F7F7;border-radius:6px; padding:8px 0; min-height:200px}

.rides-cs .cn .titZx{font-size:14px;color:#333;font-weight:600;line-height:24px;padding:5px;text-align:center;}

.rides-cs .cn ul{padding:0px;}

.rides-cs .cn ul li{line-height:38px;height:38px;border-bottom:solid 1px #E6E4E4;overflow:hidden; padding-left: 10px;}

.rides-cs .cn ul li span{color:#777;}

.rides-cs .cn ul li a{color:#777;}

.rides-cs .cn ul li img{vertical-align:middle; display:inline-block}

.rides-cs .btnOpen, .rides-cs .btnCtn{position:relative;z-index:9;top:25px;left:0;background-image:url(../i/qq.png);background-repeat:no-repeat;height:145px;padding:8px;}

.rides-cs .btnOpen{background-position:-17px 0;}

.rides-cs .btnCtn{background-position:-55px 0;}

.rides-cs ul li.top{border-bottom:solid #ACE5F9 1px;}

.rides-cs ul li.bot{border-bottom:none;}


/*show案例*/
.show_tp {width: 1100px;height: auto;margin: 0 auto;padding: 50px; overflow:hidden;border: 1px solid #dbdbdb;margin-bottom: 20px;}
.show_casel {width: 40%;float: left;height: auto;overflow: hidden;}
.show_tp h2 {font-size: 26px;line-height: 46px;color: #333;margin-left: -1px;text-align: left;font-weight: normal;}
.show_tp .line {display: block;width: 10px;height: 2px;background-color: #9a9a9a;margin-top: 10px;}
.show_casel .tit {display: block;margin-top: 18px;line-height: 36px;color: #444;font-size: 16px;}
.show_casel .zyjs {display: block;line-height: 24px;font-size: 13px;margin-top: 10px;color: #777;}
.show_casel .ckwz {display: inline-block;width: 110px;height: 34px;border: 1px solid #d0d0d0;line-height: 34px;font-size: 14px;border-radius: 15px;margin-top: 50px;transition: all 0.3s ease 0s;color: #000;text-align: center;}
.show_casel .ckwz:hover{ background:#0d95dc; color:#fff;}
.show_caser {width: 40%;float: right;height: auto;overflow: hidden;}
.show_caser dl{overflow:hidden;margin-top:20px;}
.show_caser dl dd{padding-left: 20px;line-height: 30px;font-size: 14px;background: url(../i/c-2.png) no-repeat 5px center; color:#666;}
.case_info{width: 1100px;height: auto;overflow: hidden;margin: 0 auto;padding: 50px;border: 1px solid #dbdbdb;margin-bottom: 50px;}
.case_info img{max-width:100%;}



/*分页*/

.pager{margin:40px auto;text-align:center}

.pager a{padding:6px 11px;border:1px solid #3e2e19;margin:0 4px;border-radius:100px;text-decoration:none;outline:0;-webkit-appearance:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-transition:background-color .3s ease-out, border-color .3s ease-out;transition:background-color .3s ease-out, border-color .3s ease-out }

.pager a:hover{background:#009ce4;color:#fff }

.pager a.selected{background:#977242;border:1px solid #977242;border:none;color:#fff }

.pager span{padding:6px 11px;border:1px solid #3e2e19;margin-left:4px;border-radius:100px}

.pager .current{background-color:#009ce4;color:#fff}

.pager .tiao{}

.pager.red a{background:#71bf44;color:#fff;border:none }

.pager.red a:hover, .pager.red a.selected{background:#009ce4 }

.pager.unstyled a{border:none }

.pager.unstyled a:hover, .pager.unstyled a.selected{background:none;color:#333 }

.list_video{ width: 1100px; margin: 0 auto;}
.list_video li{ width: 310px; float: left; padding: 0 40px 30px 0;}
.list_video li:nth-child(3n){ padding-right: 0;}
.list_video li video{ width: 310px;}


.index_news{ max-width: 1250px; margin: 20px auto 60px auto;}

.index_news_main{ padding-bottom: 20px;}

.index_news_list{ width: 310px; padding-right: 16px; float: left;}
.index_news_list_title{ font-size: 24px; padding-bottom: 10px;  border-bottom:1px solid #e5e5e5; margin-bottom:20px; color: #01a7dc; }
.index_news_list_title span{ display:block; font-size:14px; color:#999; line-height:35px;padding-bottom:25px; text-align:center;}
.index_news_list ul li{ padding-bottom: 10px;}
.index_news_list ul li a{ display: block; color: #474747; font-size:14px; line-height:30px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.index_news_list ul li span{ color: #999; font-size: 12px;}

.index_news_posi{width: 100%;}

.index_news_posi li{ width: 310px; padding-right: 16px; box-sizing: border-box;  float: left; position: relative;}

.index_news_posi img{ width: 310px; height: 207px;}

.index_news_posi p{ height: 30px; line-height: 30px; overflow: hidden; padding-top:12px; padding-bottom:8px; font-size:14px; white-space:nowrap; text-overflow:ellipsis;}
.index_news_posi span{ display:block; width:100%; height:40px; color:#999; overflow: hidden; font-size:14px;}
.index_news_posi em{display:block;  font-style:normal; color:#999; font-size:12px; margin-top:10px; padding-top:10px; border-top:1px solid #e5e5e5;}

.footer_yyzz{ cursor: pointer;}
.yyzz_layer{ display: none;}
.layui-layer{ width: 796px!important; border: 15px solid #fff; border-radius: 5px!important;}
.layui-layer-content{ height: 544px!important; overflow: hidden!important;}